import Vue from 'vue'

import VueI18n from 'vue-i18n'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import login from './login'
import login_en from './login_en'
import en from './en'
import zh from './zh'
import jsCookie from 'js-cookie'
// 持久化：1：值改变了存储到浏览器  2：初始值读取浏览器存储

Vue.use(VueI18n)

const messages = {
  en: {
    message: 'hello',
    content: 'Confirm box content',
    title: 'title',
    ...enLocale,
    ...login_en,
    ...en

  },
  zh: {
    message: '你好',
    content: '确定框内容',
    title: '标题',
    ...zhLocale,
    ...login,
    ...zh
  }
}
// Create VueI18n instance with options
const i18n = new VueI18n({
  locale: jsCookie.get('lang') || 'en', // 语言标识
  messages // 语言包
})

export default i18n
// new Vue({ i18n }).$mount('#app')

// 语言标识
// 获取：vue:this.$i18n.locale
//       js: 导入i18n   i18n.locale
// 设置：vue:this.$i18n.locale='zh'
//       js: 导入i18n   i18n.locale='zh'
// 语言包
//  读取：  vue:  this.$t('message')   js:  导入i18n  i18n.t('message')
